<div class="pl-3 pr-3 bg-white">
    <h4>用户设置</h4>
    <ts-tabs [tabs]="['微信绑定','支付宝绑定']" [color]="global.params.color" [target]="tsTabs" activeTab="微信绑定">
    </ts-tabs>
</div>
<div class="p-2">
    <div #tsTabs='tsTabs' tsTabs class="card">
        <div class="card-body">
            <div tsTab tab='微信绑定'>
                <div class="card-body border-bottom">
                    <div class="container m-0">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label label-required text-right">企业LOGO</label>
                            <div class="col-sm-10 mb-3">
                                <ts-image-card [(src)]="imageUrl" [config]="config" title="点击选择"></ts-image-card>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body border-bottom">
                    <div class="container m-0">
                        <div class="form-group">
                            <label class="col-sm-2 col-form-label label-required text-right">微信收款绑定</label>
                            <div class="row">
                                <label class="col-sm-2 col-form-label label-required text-right">扫码收款</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col">
                                            <div class="form-group">
                                                <input [(ngModel)]="goods.goodsStocks" placeholder="请输入扫码收款" type="text" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="form-group row">
                                                <label class="col-sm-5 col-form-label text-center">网页收款</label>
                                                <div class="col-sm-7">
                                                    <input [(ngModel)]="goods.goodsStocks" placeholder="请输入网页收款" type="text" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="form-group row">
                                                <label class="col-sm-5 col-form-label text-center">微信支付商户号</label>
                                                <div class="col-sm-7">
                                                    <input [(ngModel)]="goods.goodsStocks" placeholder="请输入微信支付商户号" type="text" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="row">
                                <label class="col-sm-2 col-form-label label-required text-right">key</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <input [(ngModel)]="goods.goodsStocks" placeholder="请输入key" type="text" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body border-bottom">
                    <div class="container m-0">
                        <div class="form-group">
                            <label class="col-sm-2 col-form-label label-required text-right">支付宝收款绑定</label>
                            <div class="row">
                                <label class="col-sm-2 col-form-label label-required text-right">扫码收款</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <input [(ngModel)]="goods.goodsStocks" placeholder="请输入扫码收款" type="text" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group row">
                                                <label class="col-sm-5 col-form-label text-center">网页收款</label>
                                                <div class="col-sm-7">
                                                    <input [(ngModel)]="goods.goodsStocks" placeholder="请输入网页收款" type="text" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body border-bottom">
                    <div class="container m-0">
                        <div class="form-group">
                            <div class="row">
                                <label class="col-sm-2 col-form-label label-required text-right">小程序appid</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <input [(ngModel)]="goods.goodsStocks" placeholder="请输入扫码收款" type="text" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body border-bottom">
                    <div class="container m-0">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label label-required text-right">姓名</label>
                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col">
                                        <input [(ngModel)]="goods.goodsPrice" type="text" class="form-control" placeholder="请输入姓名">
                                        <div class="invalid-feedback">姓名必填的</div>
                                    </div>
                                    <div class="col">
                                        <div class="form-group row">
                                            <label class="col-sm-5 col-form-label text-center">所属部门</label>
                                            <div class="col-sm-7">
                                                <input [(ngModel)]="goods.goodsStocks" placeholder="请输入所属部门" type="text" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="form-group row">
                                            <label class="col-sm-5 col-form-label text-center">修改密码</label>
                                            <div class="col-sm-7" style="display: flex">
                                                <input [(ngModel)]="goods.goodsStocks" placeholder="请输入新密码" type="text" class="form-control">
                                                <span class="btn-icon btn-icon-info" style="width: 60%">
                          <i class="iconfont icon-edit"></i>
                        </span>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-sm-1"></div>
                                            <span class="col-sm-11">6-16个字符，请使用大、小写字母及数字组合，请不要用纯数字或纯字母。</span></div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label label-required text-right">手机号码</label>
                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <input [(ngModel)]="goods.goodsPrice" type="text" class="form-control" placeholder="请输入手机号码">
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group row">
                                            <label class="col-sm-5 col-form-label text-center">修改密码</label>
                                            <div class="col-sm-7" style="display: flex">
                                                <input [(ngModel)]="goods.goodsStocks" placeholder="请输入新密码" type="text" class="form-control">
                                                <span class="btn-icon btn-icon-info" style="width: 60%">
                          <i class="iconfont icon-edit"></i>
                        </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-2 m-btn">
                    <!-- <button routerLink="/store/goods" tsBtn color="white">返回列表</button>
                    <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确认</button>
                    <button tsBtn color="warning" (click)="resetForm()">添加新商品</button> -->
                    <button *ngIf="goods.id>0" tsBtn loading color="primary" (submit)="confirmUpdate($event)">确认</button>
                </div>
            </div>
            <div tsTab tab='支付宝绑定'>

            </div>
        </div>
    </div>
</div>